.datagrid {
	table-layout: fixed;
	border-collapse: collapse;
}

.datagrid th {
	background-color: buttonface;
	text-align: center;
	font-weight: normal;
	font-size: 80%;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	border-collapse: collapse;
}

.datagrid td {
	background-color: white;
	padding: 1px;
	font-weight: normal;
	font-size: 80%;
	border-style: solid;
	border-color: threedshadow;
	border-width: 0px 1px 1px 0px;
	white-space: nowrap;
	cursor: hand;
}

.datagrid tr td.columnhead, .datagrid tr th.columnhead {
	background-color:buttonface;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	width: 10px;
	cursor: hand;
}

.datagrid tr.selected td {
	background:   #A9B2CA;
	color:        windowtext;
	border-style: solid;
	border-color: window;
	border-width: 1px 0px 1px 0px;
}

.datagrid tr td.selected {
	background:   #A9B2CA;
	color:        windowtext;
	border-style: solid;
	border-color: window;
	border-width: 1px 0px 1px 0px;
}

.datagrid tr.selected td.columnhead {
	background-color:buttonface;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	width: 10px;
}

.datagrid_div {
	cursor:			default;
	position:		absolute;
	overflow:		auto;
}

.datagrid_div .input {
	border:			2px solid #A9B2CA;
	width:			150px;
}

.datagrid_div .select {
	width:			150px;
}

.datagrid_div .date {
	width:			150px;
}